﻿/* 明快扁平  */

@import 'spirites.css';
body {
	color: #777777;
}
body, input, textarea, select, button {
	margin: 0;
	font-family: "Microsoft YaHei", Tahoma, SimSun, sans-serif;
	-webkit-text-size-adjust:none;
}
input, textarea, select, button {
	font-size: 12px;
}
li {
	font-family: "Microsoft YaHei", SimSun, Tahoma, sans-serif;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	color: #5B7C82;
	background:#7BC3D1 none;
	cursor: pointer;
	padding-left: 11px;
	padding-right: 10px;
	height:24px;
	vertical-align:middle;
	border: 1px solid #7BC3D1;
	-moz-border-radius: 2px;
	border-radius:3px;
	border-color: #c3ced9 #c3ced9 #afbac5 #c3ced9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#EEEEEE');
	background: -moz-linear-gradient(top, #fcfcfc, #EEEEEE);
	background: -ms-linear-gradient(top, #fcfcfc, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#EEEEEE));
	background: linear-gradient(to bottom, #fcfcfc, #EEEEEE);
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color:#fff;
	background:#2A87D3 none;
	border-color: #2A87D3 #2A87D3 #1298C5 #2A87D3;
}
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	outline-color:#FFCC00
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	color:#d6e9e4;
	border-color: #6BA8B6;
	background:#6BA8B6 none;
	box-shadow:inset 0 1px .5em rgba(66, 178, 200, .5), inset 0 1px 1em rgba(0, 0, 0, .2);
}
input[type="text"], input[type="password"] {
	color: #336699;
	background: #fff none;
	border:1px solid #cde;
	border-color: #abc #cde #cde #cde;
	padding:3px 2px 3px;
	vertical-align:middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type="text"]:hover, input[type="password"]:hover {
	border-color: #81DDDD;
}
textarea:hover {
	border-color: #81DDDD;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	color:#0088CC;
	background-color:#fff;
}

input[type="text"], input[type="password"] {
	color: #6f829a;
}
.dye {
	color:#357;
	font-style:normal;
}
.fieldWrap {
	text-align: left;
	height: 30px;
	padding: 3px 0 2px;
	width:auto;
	margin-top: 12px;
	overflow: hidden;
	border:1px solid #ddd;
	border-radius: 3px;
	box-shadow:inset 0 1px 5px rgba(0, 0, 0, .1);
}
.fieldWrap .lable {
	border-right:1px solid #ddd;
	height:20px;
	width:30px;
	margin:3px 10px 0 3px;
	text-indent:-99em;
	text-align:left;
	overflow:hidden;
}
.fieldWrap .userName {
	background: url(../../../Dialog/images/icon_user_18px.png) no-repeat center;
}
.fieldWrap .passWord {
	background: url(../../../Dialog/images/icon_lock_18px.png) no-repeat center;
}
.fieldWrap .language {
	background: url(../../../Dialog/images/icon_earth_18px.png) no-repeat center;
}
.fieldWrap .theme {
	background: url(../../../Dialog/images/icon_layer_18px.png) no-repeat center;
}
.fieldWrap .verifyCode {
	background: url(../../../Dialog/images/icon_key_18px.png) no-repeat center;
}
.copyright {
	padding-top: 30px;
	color:#F5ECB8;
	font-size:12px;
}
.copyright a {
	color:#ffd;
}
.copyright a:hover {
	color:#ff9;
}
.leftColumnWrap {
	background:#4B5770 url(col_border1.gif) repeat-y right;
}
.centerColumnWrap {
	background:url(col_border2.gif) repeat-y right;
}
.z-body-index {
	background:#F3F3F3 none;
}
.z-body-list {
	background:#fcfcfc none;
}
.z-body-detail {
	background:#F6F6F6 none;
}
.z-body-dialog {
	background-color: #fff;
}
.z-toolbar {
	background: url("bar.gif") no-repeat 0 -40px transparent;
}
.z-toolbar-ct {
	background: url("bar.gif") no-repeat right -80px transparent;
}
.z-body-index .z-toolbar-ct {
	background: url("bar.gif") no-repeat right -700px transparent;
}
.z-body-detail .z-toolbar-ct {
	background: url("bar.gif") no-repeat right -120px transparent;
}
.z-toolbar-overflow {
	background: url("bar.gif") repeat-x 0 0 transparent;
}
.z-body-index .z-toolbar-overflow {
	background: url("bar.gif") repeat-x 0 0 transparent;
}
.z-body-detail .z-toolbar-overflow {
	background: url("bar.gif") repeat-x 0 -620px transparent;
}
.z-body-index .z-toolbar {
	background: url("bar.gif") no-repeat 0 -620px transparent;
}
.z-body-detail .z-toolbar-overflow {
	background: url("bar.gif") repeat-x 0 -120px transparent;
}
.z-toolbar-flat .z-toolbar {
	background:url(bar.gif) no-repeat 0 -540px;
}
.z-toolbar-flat .z-toolbar-ct {
	background:url(bar.gif) no-repeat right -500px;
}
.z-toolbar-flat .z-toolbar-overflow {
	background: url("bar.gif") repeat-x 0 -500px transparent;
}
.z-body-detail .z-toolbar {
	background: url("bar.gif") no-repeat 0 -160px transparent;
}
.z-body-detail .z-toolbar-flat .z-toolbar {
	background: url("bar.gif") no-repeat 0 -540px transparent;
}
.z-body-index .z-toolbar-ct {/*background-color: #F3F3F3*/
}
.z-body-list .z-toolbar {
	background-color: #fcfcfc;
}
.z-body-detail .z-toolbar {
	background-color: #F9F9F9;
}

.z-overflowPanel {
	background-color:#fcfcfc;
	border:1px solid #e0e0e0;
	border-width: 1px 0;
}
.z-contentBorder {
	background-color: transparent;
	border:1px solid #eee;
	border-width: 0px 0;
}
.navigation {
	margin-top:22px;
}
.navigation a:first-child {
	background: none;
}
.navigation a {
	background: none;
	color: #ddebf5;
	height: auto;
	padding: 0 0 7px 15px;
	font-size: 15px;
	margin-right:-6px;
}
.navigation a b {
	background: none;
	height: 28px;
	padding: 10px 15px 0 0;
}
.navigation a:hover {
	background: none #45A0E5;
	box-shadow: 0 0px 1px rgba(0, 0, 0, .2);
}
.navigation a:hover b {
	background: none;
	color: #fff;
}
.navigation a.current {
	/*background: url("buttons.png") no-repeat 0 -40px #E5E2DD;*/
	background: none #367DB7;
	box-shadow: inset 0 1px 2px rgba(0, 90, 130, .1), inset 0 1px 4px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .2);
}
.navigation a.current b {
	color: #fff;
	background:transparent url(zvingclassic/buttons.png) no-repeat right -40px;
	_background-image: url(zvingclassic/buttons.gif);
	background:none transparent;
}
.deepBg {
	background:#4790D2 none;
	color: #b2ecff;
}
.deepBg td, .deepBg div {
	color: #b2ecff;
}
.deepBg a {
	color: #fff;
	text-decoration: none;
	border: 0;
	border-radius: 4px;
}
.deepBg a:hover {
	color: #fff7cc;
}
.deepBg a:active {
	color: #1ABC9B;
	text-decoration: none;
}
.loginInfo b {
	color:#b2ecff;
}
.shadow-v {
	background:url(../../../Dialog/images/blank.gif) repeat-y 0 0;
	_background-image:url(../../../Dialog/images/blank.gif);
}
.shadow-h {
	background:url(../../../Dialog/images/blank.gif) repeat-x 0 0;
}
.z-tab {
	vertical-align: top;
	position: relative;
	text-decoration: none;
	margin: 9px 0 0 0;
	background:url(buttons.png) no-repeat 0 -140px;
	_background-image:url(buttons.gif);
	padding:0 0 0 18px;
}
.z-tab b {
	padding: 0px 18px 0 0;
	background:url(buttons.png) no-repeat right -140px;
	_background-image:url(buttons.gif);
}
.z-tab, .z-tab b {
	font-size:13px;
	color:#666666;
	height: 28px;
	line-height: 24px;
	line-height: 27px\9;
}
.z-tab-current, .z-tab-current:hover {
	background: url("buttons.png") no-repeat 0 -180px transparent;
	height:28px;
	_height:27px;
}
.z-tab-current b, .z-tab-current:hover b {
	background: url("buttons.png") no-repeat right -180px transparent;
	color:#2A87D3;
	height:28px;
	_height:27px;
}
.z-tab:hover b {
	color: #2A87D3;
	background: url("buttons.png") no-repeat right -100px transparent;
}
.z-tab:hover {
	background: url("buttons.png") no-repeat 0 -100px transparent;
}
.z-menu {
	padding:4px 0;
	border-radius: 4px;
}
.z-btn, .z-btn b, .z-btn i {
	font-size:13px;
}
.z-btn {
	padding-left:6px;
	text-decoration: none;
	background: url(buttons.png) no-repeat left -500px;
	_background-image:url(buttons.gif);
}
.z-btn b {
	white-space: nowrap;
	padding: 0 6px 0 1px;
	background: url(buttons.png) no-repeat right -700px;
	_background-image:url(buttons.gif);
}
.z-btn img {
}
.z-btn:hover {
	background: url(buttons.png) no-repeat left -561px;
	_background-image:url(buttons.gif);
}
.z-btn:hover b {
	color: #0E4570;
	background: url(buttons.png) no-repeat right -761px;
	_background-image:url(buttons.gif);
}

.z-btn-split b {
	padding-right:0;
}
.z-btn-split i {
	background:url(../../../Dialog/images/arrow_inCell.gif) no-repeat 0 1px;
	width:17px;
}
.z-btn-split:hover i {
	background-image:url(arrow_splitbutton_hover.gif);
}
a.z-btn-flat, a.z-btn-checkable {
	background:url(buttons.png) no-repeat left 99px;
	_background-image:url(buttons.gif);
}
a.z-btn-flat b, a.z-btn-checkable b {
	background:url(buttons.png) no-repeat right 99px;
	_background-image:url(buttons.gif);
}
a.z-btn-flat:hover {
	background:url(buttons.png) no-repeat left -561px;
	_background-image:url(buttons.gif);
}
a.z-btn-flat:hover b {
	background:url(buttons.png) no-repeat right -761px;
	_background-image:url(buttons.gif);
}
a.z-btn-checked:hover, a.z-btn-checkable:hover {
	background:url(buttons.png) no-repeat left -593px;
	_background-image:url(buttons.gif);
}
a.z-btn-checked:hover b, a.z-btn-checkable:hover b {
	background:url(buttons.png) no-repeat right -793px;
	_background-image:url(buttons.gif);
}
a.z-btn-checkable:active, a.z-btn-checked {
	background:url(buttons.png) no-repeat left -623px;
	_background-image:url(buttons.gif);
}
a.z-btn-checkable:active b, a.z-btn-checked b {
	background:url(buttons.png) no-repeat right -823px;
	_background-image:url(buttons.gif);
}
a.z-btn-disabled, a.z-btn-disabled:hover, a.z-btn-disabled b, a.z-btn-disabled:hover b {
	color: #CCC;
	background:url(buttons.png) no-repeat 100px 100px;
	_background-image:url(buttons.gif);
}
.z-btn, .z-btn b, .z-btn i {
	color: #384654;
}
.treeItem a, .treeItem p, .treeItem p.over, .treeItem p.current {
	background: none repeat 0 0 transparent;
}
.treeItem p.current {
	background: url("bar.gif") repeat-x 0 -470px transparent;
}
.sideNavigation {
	margin-right:0px;
}
.sideNavigation a, .sideNavigation a b {
	height: 32px;
	line-height:31px;
}
.sideNavigation a {
	color: #A1ABB1;
}
.sideNavigation a.current, .sideNavigation a.current:hover {
	color:#fff;
	background: #28344D url(bar.gif) no-repeat right -320px;
	border-bottom: 0;
	border-top:0 none;
	height:33px;
	box-shadow:inset 0 1px 2px rgba(0, 16, 50, .3), inset 0 1px 4px rgba(0, 0, 0, .2);
}
.sideNavigation a.current b, .sideNavigation a.current:hover b {
	font-weight:bold;
}
.sideNavigation li {
	background: none no-repeat right -240px transparent;
}
.sideNavigation .hasChild_expand {
	background: url("bar.gif") repeat-x 0 -280px transparent;
}
.sideNavigation a {
	background: none;
	border-bottom:0px solid #e4f2f7;
}
.sideNavigation a:hover {
	color: #B8CBD8;
	background: none no-repeat right -400px #2A87D3;
	border-bottom: 0px solid #28344D;
	box-shadow:0 1px 2px rgba(0, 16, 50, .2);
}
.z-tabpanel {
	background:url(bar.gif) no-repeat 0 -970px transparent;
	padding-left:6px;
}
.z-tabpanel-ct {
	background:url(bar.gif) no-repeat right -970px;
	padding-right:6px;
}
.z-tabpanel-overflow {
	background:url(bar.gif) repeat-x 0 -970px transparent;
	height:37px;
	overflow:hidden;
	font-size:1px;
}
.z-tabpanel-nowrap {
	font-size:0;
}
.z-tabpanel-nowrap * {
	font-size:13px;
}

.z-combox .inputText {
	font-size:12px;
	background-image:none;
	background-color:#fafafa;
	padding-bottom:1;
	padding-top:1px;
	border:1px solid #CFDBE7;
	height:32px;
	*height:30px;
	line-height:30px;
	width:122px;
	*width:119px;
}
.z-combox .z-combox-spinner {
	left:-17px;
	margin-right:-15px;
	width:13px;
	height:15px;
	border: 1px solid #FAFAFA;
	border-radius:2px;
}
.z-tree a, .z-tree dt, .z-tree dt.over, .z-tree dt.selected {
	font-size:13px;
	color: #666;
}
.z-tree dt:hover {
	color: #222;
	background:#D9EEFF none;
}
.z-tree dt.selected {
	color: #fff;
	background:#2A87D3 none;
}
table.z-datagrid {
	background:#FFF url(thbg.gif) repeat-x top;
}
table.dataList thead td, table.dataList tr.dataListHead td {
	background:#F2F3F4 none repeat-x top;
}
table.dataList thead td, table.dataList tr.dataListHead td {
	border-top:#eaf0f5 1px solid;
	border-left: #e6eDf5 1px solid;
	border-right: #e6eDf5 1px solid;
	border-bottom: #dee7f0 1px solid;
}
.dg-head table {
	background:#fff url(thbg.gif) repeat-x 0 bottom;
	border: #C6C6C6 1px solid;
	border-bottom:none 0;
}
.z-datagrid-outer th, .z-datagrid-outer .dg-head td {
	color: #247;
}
.dg-scrollable .dg-head {
	border-width: 1px 0;
}
.dg-scrollable td, .dg-scrollable th {
	font-size:13px;
}
table.z-datagrid thead td, table.z-datagrid tr.dataTableHead td {
	background-image: url(th.gif);
}
.formTable td {
	border:1px solid #f6f6f6;
}
.z-legend {
	background:none;
	/*border-bottom:1px solid #ddd;*/
	height:30px;
	margin:10px 0 3px;
	padding:0;
}
.z-legend strong, .z-legend b {
	font-size: 16px;
	display:inline-block;
	line-height:28px;
	padding:2px 14px 0;
	/*border-bottom: 1px solid #aaa;*/
	color: #8391A5;/*font-weight: normal;*/
}
.z-card{
	background-color: #fff;
	*border-bottom: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .1), 0px 1px 0px rgba(0, 0, 0, .1);
}
.pagebar .first, .pagebar .previous, .pagebar .next, .pagebar .last, .pagebar .first a, .pagebar .previous a, .pagebar .next a, .pagebar .last a, .pagebar input.pageJumpBtn {
	background-image:url(pagebar.gif);
}
.z-menu a.z-btn-inmenu:hover {
	background:#D9EEFF;
}
.z-menu a.z-btn-inmenu:hover b { /*color:#fff;*/
}
table.dataList > tr:hover, table.dataList > tbody > tr:hover {
	background-color:#D9EEFF;
}
body.z-body-list table.dataList {
	background-color:#fcfcfc;
}
.dg-row:hover {
	background-color:#D9EEFF
}
.dg-row-selected, .dg-row-selected:hover {
	background-color:#2A87D3;
}
.z-datagrid .selected, .dataList .selected, .z-datagrid .selected:hover, .dataList .selected:hover {
	background-color:#5cace5;
	color:#C5EDFD;
}
.dg-row-selected, .dg-row-selected:hover, .dg-row-selected * {
	color:#C5EDFD;
}
.dataList .selected * {
	color:#C5EDFD;
}
.dataList .selected .sn {
	background-color:#43A7C6
}

/* 用div模拟的table */
.table {
    position: relative;
    width: 100%;
    clear: both; 
}
.table .row, .table .headerrow {
	overflow: hidden;
    border-bottom: 1px solid #ebedf0;
    white-space: nowrap;
}
.table .row .hover {
    background-color: #D9EEFF;
    color: #f0e0c0;
}
.table .headerrow { 
  border-bottom: #dee7f0 1px solid;
    background-color: #F2F3F4;
}
.table .header, .table .cell {
    float: left;
    line-height: 16px;
    padding: 4px 7px 4px 6px;
    padding: 4px 7px 0px 6px\9;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.table .header {
    position: relative;  
}



.deepBg #Site_outer {
	top:-1.6px;
	top:-3px\9;
}
.deepBg #Site_outer .inputText {
	background: transparent none;
	border:1px solid #b2eff2;
	color: #bfefff;
	line-height:1;
}
.deepBg #Site_outer .z-combox-spinner {
	background:transparent;
	border:none;
}
.deepBg #Site_outer .z-combox-spinner b {
	border-top-color: #b2eff2;
}
.logo_zh-cn {
	background:url(../../product/images/logoW_zh-cn.png);
}
.logo_en {
	background:url(../../product/images/logoW_en.png);
}
.loginPageBody {
	background:url(loginbodybg.gif) repeat-x left center #d6dedf;
}
.mainArea {
	background:#4C5F7F;
	padding-top:6px;
}
.mainArea #rightColumnWrap {
	box-shadow: -2px 2px 3px rgba(0, 0, 0, .2);
}
.mainArea .leftColumnWrap {
	background-image: none;
}
.z-body-index .mainArea .z-toolbar {
	background: url(bar.gif) no-repeat 0 -620px #5b6f8c;
}
.z-body-index .mainArea .z-toolbar-ct {
	background: url(bar.gif) no-repeat 101% -700px transparent;
}
#loginBtn {
	background:#2A87D3 none;
	border-radius: 3px;
	width: 260px;
	height: 38px;
	color: #ffffff;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	word-spacing: 1px;
	letter-spacing: 6px;
}
#loginBtn:hover {
	background:#22bee5;
}
.loginBar {
	width: 320px;
	padding-top: 10px;
	padding-left: 60px;
	font-size:14px;
}
.loginWrapbg {
	background:url(loginimgbg.jpg) no-repeat center center;
	height:100%;
}
@media (min-width: 1080px) {
	.loginWrapbg {
		background-size: cover;
	}
}
.loginCt {
	background-color:#fff;
	width:380px;
	border-radius: 3px;
	padding-top:30px;
}
.inputWrap {
	background:#fff none;
}
.loginBar input[type="text"], .loginBar input[type="password"] {
	background: #fff none;
	border-width: 0;
}
.loginBar input[type="text"]:hover, .loginBar input[type="password"]:hover {
	background: #fff none;
	border-width: 0;
}
.loginBar input[type="text"]:focus, .loginBar input[type="password"]:focus {
	outline:none;
}
#loginBar #Language_textField, #loginBar #skin_textField {
	background: #fff none;
	color: #678;
	border-width: 0;
}

.large-header {background-image: url('loginimgbg.jpg');background-position: center bottom;}
#login{box-shadow: 0 -15px 30px #fff;}
#login h1{color: #fff;text-shadow: 0 0 1px #fff;}
#login .info{background: #fff;}
#login .info label{color: #333;}
#login .info input{color: #333;}
#login .sub .login-btn {background-color: #fff;color: #333;}
#login .sub .login-btn:hover{color: #fff;}
#login .copy{color: #fff;}
#login .copy a{color: #fff;}
.layui-btn {background:#ffffff;border: 1px solid #C9C9C9;color: #555;}
.layui-btn:hover{border: 1px solid #009688;color: #333;}

.title {background:#009688; color: #ffffff; font-weight: normal;}
.border {border: 1px solid #009688;}
.border2 {border-left:1px solid #009688; border-right:1px solid #009688; border-bottom:1px solid #009688;}

.title3 {width:80px; height:24px; line-height:24px; background:#e1e1e1; cursor:pointer; border-radius: 0px 0px 8px 8px;}
.title4 {width:80px; height:24px; line-height:24px; background:#009688; color: #ffffff; font-weight: normal; cursor:pointer; border-radius: 0px 0px 8px 8px;}
.title5 {width:80px; height:24px; line-height:24px; background:#e1e1e1; cursor:pointer; border-radius: 8px 8px 0px 0px;}
.title6 {width:80px; height:24px; line-height:24px; background:#009688; color: #ffffff; font-weight: normal; cursor:pointer; border-radius: 8px 8px 0px 0px;}

.dg_button {display: inline-block;overflow: visible;margin-left: 15px;width: auto;height: auto;min-width: 60px;min-width: 50px\9;min-height: 28px;border-style: solid;border-width: 1px;border-radius: 3px;text-align: center;letter-spacing: 2px;cursor: pointer;border: 1px solid #009688;background: #009688;background: linear-gradient(180deg,#009688,#009688);background: -ms-linear-gradient(top,#009688,#009688);background: -webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));color: #fff;text-shadow: -1px -1px 1px #1c6a9e;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009688",endColorstr="#009688");}
.dg_button em {font-style:normal;}
.dg_buttonhover {display: inline-block;overflow: visible;margin-left: 15px;width: auto;height: auto;min-width: 60px;min-width: 50px\9;min-height: 28px;border-style: solid;border-width: 1px;border-radius: 3px;text-align: center;letter-spacing: 2px;cursor: pointer;border: 1px solid #009688;background: linear-gradient(180deg,#009688,#009688);background: -ms-linear-gradient(top,#009688,#009688);background: -webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));text-shadow: -1px -1px 1px #1c6a9e;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009688",endColorstr="#009688");border-color: #009688;background: #009688;color: #fff;}
.dg_buttonhover em {font-style:normal;}
.dialog_button {display: inline-block;overflow: visible;width: auto;height: auto;min-width: 60px;min-width: 50px\9;min-height: 21px;border-style: solid;border-width: 1px;border-radius: 3px;text-align: center;letter-spacing: 2px;cursor: pointer;border: 1px solid #009688;background: #009688;background: linear-gradient(180deg,#009688,#009688);background: -ms-linear-gradient(top,#009688,#009688);background: -webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));color: #fff;text-shadow: -1px -1px 1px #1c6a9e;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009688",endColorstr="#009688");}
.dialog_button em {font-style:normal;}
.dialog_buttonhover {display: inline-block;overflow: visible;width: auto;height: auto;min-width: 60px;min-width: 50px\9;min-height: 21px;border-style: solid;border-width: 1px;border-radius: 3px;text-align: center;letter-spacing: 2px;cursor: pointer;border: 1px solid #009688;background: linear-gradient(180deg,#009688,#009688);background: -ms-linear-gradient(top,#009688,#009688);background: -webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));text-shadow: -1px -1px 1px #1c6a9e;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009688",endColorstr="#009688");border-color: #009688;background: #009688;color: #fff;}
.dialog_buttonhover em {font-style:normal;}
button.dg_state_highlight {color: #FFF; border: solid 1px #009688; background: #009688; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009688', endColorstr='#009688'); background: linear-gradient(top, #009688, #009688); background: -moz-linear-gradient(top, #009688, #009688); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009688), to(#009688)); text-shadow: -1px -1px 1px #1c6a9e;}
button.dg_state_highlight:hover {color:#FFF; border-color:#1c6a9e;}
button.dg_state_highlight:active {border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009688', endColorstr='#009688'); background: linear-gradient(top, #009688, #009688); background: -moz-linear-gradient(top, #009688, #009688); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009688), to(#009688));}

html .skin-0 .layui-bg-black{background-color: #fff !important;}
html .skin-0 .layui-nav-tree{background-color: #fff !important;}
html .skin-0 .layui-nav .layui-nav-item .layui-nav-child{background-color: #ccc !important;}
html .skin-0 .layui-nav-tree .layui-nav-itemed{background-color: #999;}
html .skin-0 .layui-nav-tree .layui-nav-itemed > a {background-color: #fff;color: #333!important}
html .skin-0 .layui-nav-tree .layui-nav-itemed .layui-this a{background-color: #999;!important;color:white !important}
html .skin-0 .layui-nav .layui-nav-item a:hover{color: #fff;}
html .skin-0 .layui-nav .layui-nav-item a{color: rgba(25,25,25,1);}

html .skin-0 .layui-layout-admin .layui-header{background-color: #fff !important;}
html .skin-0 .logo span{color: #333;}
html .skin-0 .layui-layout-admin .layui-header .admin-header-item a:hover{color: #333;}
html .skin-0 .header .layui-nav .layui-this{background-color: #fff;}
html .skin-0 .layui-layout-admin .layui-nav-item .layui-nav-child{background-color: #ececec!important;}
html .skin-0 .layui-layout-admin .admin-header-item .layui-nav-item .layui-nav-child{background-color: #fff!important;}
html .skin-0 .layui-nav .layui-nav-item dd a:hover{color: #333;}
html .skin-0 .layui-layout-admin .layui-nav-more{border-color: #333 transparent transparent;}
html .skin-0 .layui-layout-admin .layui-nav-mored{border-color: transparent transparent #333;}